<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="gwc.css"/>
		<script type="text/javascript" src="gwc.js"></script>
	</head>
	<body>
		<table border="1" class="table-1" id="table-1">
			<thead>
			<tr style="height: 32px;">
				<th style="width: 81px;"><label><input type="checkbox" class="quanxuan check" style="margin-right: 5px;" />全选</label></th>
				<th style="width: 321px;">商品</th>
				<th style="width: 151px;">单价</th>
				<th style="width: 111px;">数量</th>
				<th style="width: 171px;">小计</th>
				<th style="width: 101px;">操作</th>
			</tr>
			</thead>
			<tbody id="tbody">
			<tr>
				<td><input type="checkbox" class="check check-one" /></td>
				<td class="goods"><img src="img/ph-1.jpg"/>
					<span>Casio/卡西欧 EX-TR350</span> 
				</td>
				<td class="price">5999.88</td>
				<td class="count">
					<span class="reduce"></span>
					<input type="text"  value="1" class="count-input"/>
					<span class="add">+</span>
				</td>
				<td class="subtotal">5999.88</td>
				<td><a href="#" class="delete" >删除</a></td>
			</tr>
			<tr>
				<td><input type="checkbox"  class="check check-one"/></td>
				<td class="goods"><img src="img/ph-2.jpg"/>
					<span>Canon/佳能 PowerShot SX50 HS</span> 
				</td>
				<td class="price">3888.50</td>
				<td class="count">
					<span class="reduce"></span>
					<input type="text"  value="1" class="count-input"/>
					<span class="add">+</span>
				</td>
				<td class="subtotal">3888.50</td>
				<td><a href="#" class="delete">删除</a></td>
			</tr>
			<tr>
				<td><input type="checkbox" class="check check-one" /></td>
				<td class="goods"><img src="img/ph-3.jpg"/>
					<span>Sony/索尼 DSC-WX300</span> 
				</td>
				<td class="price">1428.50</td>
				<td class="count">
					<span class="reduce"></span>
					<input type="text"  value="1" class="count-input"/>
					<span class="add">+</span>
				</td>
				<td class="subtotal">1428.50</td>
				<td><a href="#" class="delete">删除</a></td>
			</tr>
			<tr>
				<td><input type="checkbox"  class="check check-one"/></td>
				<td class="goods"><img src="img/ph-4.jpg"/>
					<span>Fujifilm/富士 instax mini 25</span> 
				</td>
				<td class="price">640.60</td>
				<td class="count">
					<span class="reduce"></span>
					<input type="text"  value="1" class="count-input"/>
					<span class="add">+</span>
				</td>
				<td class="subtotal">640.60</td>
				<td><a href="#" class="delete">删除</a></td>
			</tr>
			</tbody>
		</table>
		<div id="view" style="display: none;">
			
			
		</div>
		<table border="1" class="table-2" id="table-2">
			<tr>
				<td style="width: 836px;" class="select">
					<label ><input type="checkbox" class="quanxuan check" value="" />全选</label>
					<a href="#" id="shanchu" >删除</a>
					<span class="selected">已选商品<strong id="selectTotal">4</strong>件</span>
					<em>合计：￥<strong id="priceTotal">0</strong></em>
				</td>
				<td style="width: 101px;" class="sub">结算</td>
			</tr>
		</table>
		
	</body>
</html>
